<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>聚美优品</title>
    <link rel="stylesheet" href="./css/jmyp.css">
    <link rel="stylesheet" href="./css/public1.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/swiper.css">
</head>

<body>
    <div class="box">
        <div class="top">
            <div class="main">
                <ul class="top-left">
                    <li>欢迎来到聚美!</li>
                    <li><a href="./denglu.html">请登录</a></li>
                    <li><a href="#">快速注册</a></li>
                </ul>
                <ul class="top-right">
                    <li><a href="">正品保证</a></li>
                    <li><a href="">订单查询</a></li>
                    <li><span class="iconfont" style="color: #999999;">&#xe608;</span><a href=""> 收藏的品牌</a></li>
                    <li class="wdjm"><a href="">我的聚美<span class="iconfont"> &#xeb1f;</span>
                            <span class="iconfont"> &#xeb20;</span>
                        </a>
                        <div class="wdjmcd">
                            <ul>
                                <li><a href="#">我的订单</a></li>
                                <li><a href="#">我的现金券</a></li>
                                <li><a href="#">我的红包</a></li>
                                <li><a href="#">我的余额</a></li>
                                <li><a href="#">我的提现提款</a></li>
                                <li><a href="#">我的收藏</a></li>
                                <li><a href="#">我的心愿单</a></li>
                                <li><a href="#">会员中心</a></li>
                                <li><a href="#">礼品卡兑换</a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="jumei"><b>|</b><a href=""><span class="iconfont">&#xe623;</span>手机聚美</a><b>|</b></li>
                    <li class="gengduo"><a href="">更多<span class="iconfont">&#xeb1f;</span>
                            <span class="iconfont"> &#xeb20;</span>
                        </a>
                        <div class="gengcd">
                            <ul>
                                <li><a href="#">邀请好友</a></li>
                                <li><a href="#">加入收藏</a></li>
                                <li><a href="#">新浪微博</a></li>
                                <li><a href="#">聚美微信</a></li>
                                <li><a href="#">百度贴吧</a></li>
                                <li><a href="#">腾讯微博</a></li>
                                <li><a href="#">人人公众主页</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="top-center">
            <div class="main">
                <h1 class="logo"><a href="#" title="聚美优品"
                        style="background: url(./imgs/logo_new_v1.jpg) no-repeat top left;"></a></h1>
                <div class="searchbox">
                    <input type="text" name="search" class="searchinput">
                    <button type="submit" class="searchbut">搜索</button>
                    <ul class="searchmeau">
                        <li>
                            <a href="#">保湿</a>
                            <s class="line"></s>
                        </li>
                        <li>
                            <a href="#">面膜</a>
                            <s class="line"></s>
                        </li>
                        <li>
                            <a href="#">洗面奶</a>
                            <s class="line"></s>
                        </li>
                        <li>
                            <a href="#">补水</a>
                            <s class="line"></s>
                        </li>
                        <li>
                            <a href="#">香水</a>
                            <s class="line"></s>
                        </li>
                        <li>
                            <a href="#">眼霜</a>
                            <s class="line"></s>
                        </li>
                        <li>
                            <a href="#">口红</a>
                            <s class="line"></s>
                        </li>
                        <li>
                            <a href="#">护肤套装</a>
                            <s class="line"></s>
                        </li>
                        <li>
                            <a href="#">BB霜</a>
                        </li>
                    </ul>
                </div>
                <div class="gwcbox">
                    <a href="./gouwuche.html">
                        <img src="../imgs/cart.gif">
                        <b class="text">去购物车结算<span class="iconfont">&#xeb1f;</span>
                            <span class="iconfont"> &#xeb20;</span>
                        </b>

                    </a>
                    <div class="gwchidden">
                        <p>购物车中还没有商品，<br />
                            快去挑选心爱的商品吧！</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="headmeau">
            <div class="main">
                <ul>
                    <li class="bianhong"><a href="#">首页</a></li>
                    <li><a href="#">极速免税店</a></li>
                    <li><a href="#">母婴特卖</a></li>
                    <li class="meimeau"><a href="#">美妆商城
                            <span class="iconfont">&#xeb1f;</span>
                            <span class="iconfont"> &#xeb20;</span>
                        </a>
                        <div class="meizhuang">
                            <ul class="ul1">
                                <li>
                                    <img src="../imgs/30573_254_135_003-web.jpg" alt="">
                                </li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                            <ul class="ul2">

                            </ul>
                        </div>

                    </li>
                    <li><a href="#">国际轻奢</a></li>
                    <li><a href="#">服装运动</a></li>
                    <li><a href="#">鞋包配饰</a></li>
                </ul>
                <div class="tubiao">
                    <li><a href="#"><img src="../imgs/z_01new.jpg" alt=""></a></li>
                    <li><a href="#"><img src="../imgs/z03.jpg" alt=""></a></li>
                </div>
            </div>
        </div>






        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../imgs/242752_1920_350_002-web.jpg"></div>
                <div class="swiper-slide"><img src="../imgs/242756_1920_350_002-web.jpg"></div>

            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>

            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>

            <!--  如果需要滚动条
                <div class="swiper-scrollbar"></div> -->
        </div>






        <div class="rightmeau">
            <ul>
                <li><a href="#"><span class="iconfont">&#xe61f;</span></a></li>
                <li><a href="./gouwuche.html"><span class="iconfont">&#xe601;</span>购<br />物<br />车</a></li>
                <li><a href="#"><span class="iconfont">&#xe60b;</span></a></li>
                <li><a href="#"><span class="iconfont">&#xe603;</span></a></li>
                <li><a href="#"><span class="iconfont">&#xe638;</span></a></li>
                <li><a href="#"><span class="iconfont">&#xe604;</span></a></li>
                <li><a href="#"><span class="iconfont">&#xe616;</span></a></li>
                <li id="righttop"><a href="#">top</a></li>
            </ul>
        </div>
        <div class="today">
            <div class="main">
                <!--  -->
            </div>
        </div>
        <div class="meiri">
            <img src="../imgs/clock.jpg" alt="">
            <span>每日十点更新</span>
        </div>
        <div class="shangping">
            <div class="main">
                <ul class="uls">
                    <!-- <li>
                        <img class="jisu" src="./imgs/new_haitao_icon.jpg" alt="">
                        <a class="jiaru" href="#">加入购物车</a>
                        <div class="img">
                            <div class="imgbox">
                                <img src="./imgs/4970406_dx_1000_400.jpg" alt="">
                                <a href="./xiangqing.html"></a>
                            </div>
                            <div class="haiwai">
                                海外直采 海外价格 闪电发货
                            </div>
                        </div>
                        <div class="text">
                            <p>【官方授权】AHC水乳玻尿酸保湿神仙水乳套盒/B5水乳/男士水乳 多款可选</p>
                        </div>
                        <div class="price">
                            <i>￥</i><span>105</span>
                        </div>
                    </li>
                    <li>
                        <img class="jisu" src="./imgs/new_haitao_icon.jpg" alt="">
                        <a class="jiaru" href="#">加入购物车</a>
                        <div class="img">
                            <div class="imgbox">
                                <img src="./imgs/4938758_dx_1000_400.jpg" alt="">
                                <a href="./xiangqing.html"></a>
                            </div>
                            <div class="haiwai">
                                海外直采 海外价格 闪电发货
                            </div>
                        </div>
                        <div class="text">
                            <p>【官方授权】AHC水乳玻尿酸保湿神仙水乳套盒/B5水乳/男士水乳 多款可选</p>
                        </div>
                        <div class="price">
                            <i>￥</i><span>105</span>
                        </div>
                    </li>
                    <li>
                        <img class="jisu" src="./imgs/new_haitao_icon.jpg" alt="">
                        <a class="jiaru" href="#">加入购物车</a>
                        <div class="img">
                            <div class="imgbox">
                                <img src="./imgs/5238004_dx_1000_400.jpg" alt="">
                                <a href="./xiangqing.html"></a>
                            </div>
                            <div class="haiwai">
                                海外直采 海外价格 闪电发货
                            </div>
                        </div>
                        <div class="text">
                            <p>【官方授权】AHC水乳玻尿酸保湿神仙水乳套盒/B5水乳/男士水乳 多款可选</p>
                        </div>
                        <div class="price">
                            <i>￥</i><span>105</span>
                        </div>
                    </li>
                    <li>
                        <img class="jisu" src="./imgs/new_haitao_icon.jpg" alt="">
                        <a class="jiaru" href="#">加入购物车</a>
                        <div class="img">
                            <div class="imgbox">
                                <img src="./imgs/4958212_dx_1000_400.jpg" alt="">
                                <a href="./xiangqing.html"></a>
                            </div>
                            <div class="haiwai">
                                海外直采 海外价格 闪电发货
                            </div>
                        </div>
                        <div class="text">
                            <p>【官方授权】AHC水乳玻尿酸保湿神仙水乳套盒/B5水乳/男士水乳 多款可选</p>
                        </div>
                        <div class="price">
                            <i>￥</i><span>105</span>
                        </div>
                    </li>
                    <li>
                        <img class="jisu" src="./imgs/new_haitao_icon.jpg" alt="">
                        <a class="jiaru" href="#">加入购物车</a>
                        <div class="img">
                            <div class="imgbox">
                                <img src="./imgs/4970406_dx_1000_400.jpg" alt="">
                                <a href="./xiangqing.html"></a>
                            </div>
                            <div class="haiwai">
                                海外直采 海外价格 闪电发货
                            </div>
                        </div>
                        <div class="text">
                            <p>【官方授权】AHC水乳玻尿酸保湿神仙水乳套盒/B5水乳/男士水乳 多款可选</p>
                        </div>
                        <div class="price">
                            <i>￥</i><span>105</span>
                        </div>
                    </li> -->
                </ul>
            </div>
        </div>
        <div class="footer">
            <div class="main">
                <div class="foot-top">
                    <a href="#">
                        <span class="dididi"></span>
                        <span>
                        <b>值得信赖美妆电商</b>
                        </span>
                        四千万用户信赖
                    </a>
                    <a href="#">
                        <span class="dididi"></span>
                        <span>
                        <b>值得信赖美妆电商</b>
                        </span>
                        四千万用户信赖
                    </a>
                    <a href="#">
                        <span class="dididi"></span>
                        <span>
                        <b>值得信赖美妆电商</b>
                        </span>
                        四千万用户信赖
                    </a>
                    <a href="#">
                        <span class="dididi"></span>
                        <span>
                        <b>值得信赖美妆电商</b>
                        </span>
                        四千万用户信赖
                    </a>
                    <a href="#">
                        <span class="dididi"></span>
                        <span>
                        <b>值得信赖美妆电商</b>
                        </span>
                        四千万用户信赖
                    </a>
                </div>
                <div class="foot-foot">
                    <ul>
                        <li>服务保障</li>
                        <li><a href="">品牌真皮防伪</a></li>
                        <li><a href="">正品保证</a></li>
                        <li><a href="">专属客服服务</a></li>
                        <li><a href="">总裁邮箱@</a></li>
                    </ul>
                    <ul>
                        <li>使用帮助</li>
                        <li><a href="">新手指南</a></li>
                        <li><a href="">常见问题</a></li>
                        <li><a href="">帮助中心</a></li>
                        <li><a href="">用户协议</a></li>
                        <li><a href="">公示制度</a></li>
                        <li><a href="">个人信息管理</a></li>
                        <li><a href="">意见反馈及投诉</a></li>
                    </ul>
                    <ul>
                        <li>支付方式</li>
                        <li><a href="">货到付款</a></li>
                        <li><a href="">在线支付</a></li>
                        <li><a href="">余额支付</a></li>
                        <li><a href="">现金券支付</a></li>
                    </ul>
                    <ul>
                        <li>配送方式</li>
                        <li><a href="">包邮政策</a></li>
                        <li><a href="">配送说明</a></li>
                        <li><a href="">运费说明</a></li>
                        <li><a href="">快递协议</a></li>
                        <li><a href="">验货签收</a></li>
                    </ul>
                    <ul>
                        <li>售后服务</li>
                        <li><a href="">正品承诺</a></li>
                        <li><a href="">售后质询</a></li>
                        <li><a href="">退货政策</a></li>
                        <li><a href="">退货办理</a></li>
                    </ul>
                    <ul>
                        <li>手机聚美</li>
                        <li><a href="">品牌真皮</a></li>
                        <li><a href="">品牌真皮</a></li>
                        <li><a href="">品牌真皮</a></li>
                        
                    </ul>
                    <ul>
                        <li>聚美微信</li>
                        <li><a href="">品牌真皮防伪</a></li>
                        <li><a href="">品牌真皮防伪</a></li>
                        <li><a href="">品牌真皮防伪</a></li>
                        
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/lib/jquery-1.8.3.js"></script>
<script src="./js/jmypzhuye.js"></script>
<script src="./js/lib/swiper.js"></script>
<script src="./js/lbt.js"></script>
</html>